<template>
  <div class="header">
    <div class="toolbar">
      <div class="buttons">
        <slot/>
        <el-button type="primary" size="small" @click="windowClose">关闭</el-button>
      </div>
    </div>
  </div>
</template>
<script>
    export default {
      name: "toolBar",
      data() {
          return {
          }
      },
      methods:{
        windowClose() {
          window.close();
        }
      }
    }
</script>
<style scoped>
    .header {
      position: relative;
      box-sizing: border-box;
      width: 100%;
      height: 40px;
      font-size: 22px;
      color: #fff;
      background: #f2f6fc;
      margin-bottom: 10px;
      border-bottom: 1px solid #C0C0C0;
      position: absolute;
      z-index:1010;
  }

    .buttons {
      padding-right: 30px;
      float: right;
      margin-top:3px;
    }
</style>
